<template>
    <div class="form">
        <div class="title">登录</div>
        <div class="row">
            <el-icon color="blueviolet"><UserFilled /></el-icon>
            <el-input placeholder="请输入账号" v-model="form.username" clearable class="no-border"/>
        </div>
        <div class="row">
            <el-icon color="blueviolet"><MoreFilled /></el-icon>
            <el-input placeholder="请输入密码" v-model="form.password" show-password clearable class="no-border"/>
        </div>
        <div class="row">
            <el-icon color="blueviolet"><MoreFilled /></el-icon>
            <el-input placeholder="重复密码" v-model="form.password2" show-password clearable class="no-border"/>
        </div>
        <div class="btn" @click="handleRegister">注册</div>
    </div>
</template>

<script setup lang="ts">
import { useRegisterFunctions } from '/@/components/hzsystem/LoginPublicFuncation';
const { form, handleRegister } = useRegisterFunctions();
</script>

<style scoped lang="scss">
@import "./style.scss";


</style>

<style>
.no-border .el-input__wrapper {
    border: none !important;
    box-shadow: none !important;
}
</style>

